<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>管理员界面</title>
    <link rel="stylesheet" href="/bookstore/static/css/bootstrap.min.css">
    <link rel="stylesheet" href="/bookstore/static/css/style.css">
    <link rel="stylesheet" href="/bookstore/static/css/font-awesome.css">
    <style type="text/css">
        .header-right {
            color: #fff;
            padding: 15px 50px 5px 50px;
            float: right;
            font-size: 16px;
        }

        .navbar-cls-top {
            background-color: #005bac;
            border-bottom: none;
        }

        .navbar-default {
            border: 0px solid black;
        }

        .navbar-header {
            width: 260px;
            background-color: #000000;
        }

        .navbar-cls-top .navbar-brand:hover {
            background: #202020;
            color: #fff;
        }

        .navbar-cls-top .navbar-brand {
            width: 260px;
            text-align: center;
            font-size: 20px;
            letter-spacing: 1px;
            font-weight: 900;
            text-transform: uppercase;
            color: #ffffff;
        }

        .navbar-side {
            border: none;
            background-color: #202020;
        }

        .sidebar-collapse, .sidebar-collapse .nav {
            background: none;
        }

        .sidebar-collapse .nav {
            padding: 0;
        }

        .sidebar-collapse .nav > li > a {
            color: #fff;
            background: #202020;
            text-shadow: none;
            border-bottom: 1px solid #2F2E31;
        }

        .sidebar-collapse > .nav > li > a {
            padding: 15px 10px;
        }

        .sidebar-collapse .nav > li > a:hover,
        .sidebar-collapse .nav > li > a:focus {
            background: #0A0A0A;
            outline: 0;
        }

        iframe {
            width: 100%;
            min-height: inherit;
        }

        .nav-second-level li a {
            padding-left: 37px;
        }

        .nav-third-level li a {
            padding-left: 55px;
        }

        @media (min-width: 768px) {
            #page-wrapper {
                margin: 0 0 0 260px;
                padding: 15px 30px;
                min-height: 1200px;
            }


            .navbar-side {
                z-index: 1;
                position: absolute;
                width: 260px;
            }

            .navbar {
                border-radius: 0px;
            }
        }
    </style>
</head>
<body>
<div id="wrapper">
    <nav class="navbar navbar-default navbar-cls-top " role="navigation" style="margin-bottom: 0">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".sidebar-collapse">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <h4 class="navbar-brand">小说网</h4>
        </div>
        <div class="header-right">
            <c:choose>
                <c:when test="${sessionScope.user!=null}">
                    <a href="exit" class="btn btn-danger" title="Logout"><i
                            class="fa fa-exclamation-circle fa-2x"></i></a>
                </c:when>
                <c:otherwise>
                    <a href="loginForm" class="btn btn-danger" title="Logout"><i
                            class="fa fa-exclamation-circle fa-2x"></i></a>
                </c:otherwise>
            </c:choose>
        </div>
    </nav>

    <nav class="navbar-default navbar-side" role="navigation">
        <div class="sidebar-collapse">
            <ul class="nav" id="main-menu">
                <li>
                    <a href="#">小说管理</a>
                    <ul class="nav nav-second-level">
                        <li>
                            <a href="#">类型管理</a>
                            <ul class="nav nav-third-level">
                                <li>
                                    <a href="consultTypeForm" target="myframe">查看类型</a>
                                </li>
                                <li>
                                    <a href="addTypeForm" target="myframe">新增类型</a>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <a href="#">文件管理</a>
                            <ul class="nav nav-third-level">
                                <li>
                                    <a href="consultFileForm" target="myframe">查看文件</a>
                                </li>
                                <li>
                                    <a href="consultIndex" target="myframe">添加文件</a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
    </nav>
    <div id="page-wrapper">
        <div id="page-inner">
            <iframe name="myframe" frameborder="0"></iframe>
        </div>
    </div>
</div>
<%--<div class="container">
    <div class="row">
        <div class="col-md-6 col-md-offset-1 text-right">
            <h2>后 台 管 理</h2>
        </div>
        <div class="col-md-5 text-right" style="padding-top:42px;">
            欢迎，
            <c:choose>
                <c:when test="${sessionScope.user!=null}">
                    ${sessionScope.user.userName}，
                    <a href="exit">退出</a>
                </c:when>
                <c:otherwise>
                    <a href="loginForm">登录</a>
                </c:otherwise>
            </c:choose>
        </div>
    </div>
    <div class="row">
        <div class="col-md-2 text-center">
            <ul class="nav" id="main-menu">
                <li>
                    <a href="#">类型管理</a>
                    <ul class="nav nav-second-level">
                        <li><a href="addTypeForm" target="myframe">添加类型</a></li>
                        <li><a href="consultTypeForm" target="myframe">查看类型</a></li>
                    </ul>
                </li>
                <li>
                    <a href="#">小说管理</a>
                    <ul class="nav nav-second-level">
                        <li><a href="consultIndex" target="myframe">添加小说</a></li>
                        <li><a href="consultFileForm" target="myframe">查看小说</a></li>
                    </ul>
                </li>
                <li><a href="detail" target="myframe">信息查询</a></li>
            </ul>
        </div>
        <div class="col-md-10" style="height:490px;">
            <div class="row">
                <div class="panel">
                    <div class="panel-body">
                        <iframe name="myframe" frameborder="0" class="col-md-12" style="height:490px;"></iframe>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>--%>


<script type="text/javascript" src="/bookstore/static/js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="/bookstore/static/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/bookstore/static/js/jquery.metisMenu.js"></script>
<script type="text/javascript" src="/bookstore/static/js/custom.js"></script>
</body>
</html>